- const range = n => [...Array(n).keys()]
mixin casecon(val,val1)
  .case-con
    .title=val
    p.more=val1
    p.belief 我们坚信，设计源于心
mixin clearfix()
  ul.website#navbar
    li
      .img
        img(src='./image/web.png')
      p 网站制作开发
    li
      .img
        img(src='./image/weixin.png')
      p 微信开发
    li
      .img
        img(src='./image/app.png')
      p App开发
    li
      .img
        img(src='./image/shijue.png')
      p 视觉设计
    li
      .img
        img(src='./image/h5.png')
      p H5开发

mixin headlings(title,tip)
  .headling
    p=title
    p.tip=tip
mixin header()
  .header.in-header
    img.logo(src='./image/logo.png')
    ul.nav
      -
        var arr=[{
        name:'首页',
        url:'./index'
        },{
        name:'案例',
        url:'./case'
        },{
        name:'服务',
        url:'./service'
        },{
        name:'产品',
        url:'./product'
        },{
        name:'我们',
        url:'./us'}
        ]
      each val,i in arr
        li
          a(href=val.url + ".html",class={active: val.name == title})=val.name
    if(title === '首页')
      .text
        .title 数据可视化专业解决方案
        .en-title Mobile micro website development service provider
    else if (title === '案例')
      .case-text
        p 产品是商业价值的核心
        p "价值思维驱动"是飓风UCD产品创新方法论
        a(href="javascript:;") 了解更多
    else if (title === '服务')
      .service-text
        p 我们竭尽全力
        p 为客户提供最优质的服务
    else if (title === '产品')
      .product-text
        .p-title 大数据可视化分析系统
        .p-content 旨让更多的人看到数据可视化的魅力，帮助非专业的工程师通过图形化的界面轻松搭建专业水准的可视化应用，满足您会议展览、业务监控、风险预警、地理信息分析等多种业务的展示需求
        a(href="./case.html") 浏览详情
    else if (title === '我们')
      .us-text
        p 关于我们
        p.content
          | 我们追求将设计与客观数据的极致融合
          br
          | 通过体验创新的力量深度影响品牌及商业革新
mixin slide
  .case-li
    .swi
      .swiper-container
        .swiper-wrapper
          .swiper-slide
            a(href="/breeze.html")
              img(src="image/swipe-01.png", alt="")
          .swiper-slide
            a(href="/casehuiauto.html")
              img(src="image/swipe-02.png", alt="")
          //- .swiper-slide
          //-   a(href="/case01.html")
          //-     img(src="image/swipe-03.png", alt="")
          .swiper-slide
            a(href="/netletter.html")
              img(src="image/swipe-04.png", alt="")
          //- .swiper-slide
          //-   a(href="/bigcase.html")
          //-     img(src="image/swipe-05.png", alt="")
          .swiper-slide
            a(href="/medicalcase.html")
              img(src="image/swipe-06.png", alt="")
      .btn-bu
        .swiper-button-next.pr
        .swiper-button-prev.ne
